<template name="searchPopup">
    <view>
        <u-popup :show="isShowPop" mode="left" @close="close" :closeable="true" :mask-close-able="true" :customStyle="{width:'100%'}" >
            <view class="content posr">
                <scroll-view scroll-y="true" class="popupCon">
                    <view>
                        <slot></slot>
                    </view>
                </scroll-view>
                <view class="confrim-btn textc">
                    <u-button class="marr-30" type="primary" size="small" @click="AdvanceSearch">确定</u-button>
                    <u-button size="small" @click="clearSearch">清除条件</u-button>
                </view>
            </view>
        </u-popup>
    </view>
</template>
<script>
export default {
    name: "searchPopup",
    data() {
        return {
            isShowPop: false,
        };
    },
    methods: {
        init() {
            this.isShowPop = true;
        },
        AdvanceSearch() {
            this.isShowPop = false;
            this.$emit('AdvanceSearch');
        },
		close(){
			this.isShowPop = false;
		},
        clearSearch(){
            this.isShowPop = false;
            this.$emit('ClearSearch');
        }
    }
}
</script>

<style scoped>
    .confrim-btn{
        width: 100%;
        position: absolute;
        bottom: 20rpx;
        left: 0;
		display: flex;
		box-sizing: border-box;
		padding: 0px 60rpx;
    }
	.posr{
		height:calc(100vh - 40px);
		
	}
	.popupCon{
		padding-bottom: 140rpx;
		height:100%; 
		box-sizing: border-box;
	}
</style>